<!DOCTYPE HTML>
<html>
    <meta charset='utf8'>
    <title>列表样式</title>
    <style>
        ul.disc{
            list-style-type: disc;
        }
        .cy{
            list-style-type: circle;
        }
        ul.sq{
            list-style-type: square;
        }
        ul.decimal{
            list-style-type: decimal
        }
        ul.greek{
            list-style-type: lower-greek;
        }
        .roman{
            list-style-type: lower-roman;
        }
        .uproman{
            list-style-type: upper-roman;
        }
    </style>
    <body>
         <ul class="disc">
             <li>test</li>
             <li>test</li>
             <li>test</li>
             <li>test</li>
         </ul>
         <ul class="cy">
             <li>test</li>
             <li>test</li>
             <li>test</li>
             <li>test</li>
         </ul>
         <ul class="sq">
             <li>test</li>
             <li>test</li>
             <li>test</li>
             <li>test</li>             
         </ul>
         <ul class="decimal">
             <li>test</li>
             <li>test</li>
             <li>test</li>
             <li>test</li>
         </ul>
         <ul class="greek">
             <li>test</li>
             <li>test</li>
             <li>test</li>
             <li>test</li>
         </ul>
         <ul class="roman">
             <li>test</li>
             <li>test</li>
             <li>test</li>
             <li>test</li>
         </ul>
         <ul class="uproman">
             <li>test</li>
             <li>test</li>
             <li>test</li>
             <li>test</li>
         </ul>
    </body>
</html>